<template>

  <div class="card">
    <div class="card-header">
      <slot name="header" size="100" :hobby="['css', 'html']">card-header</slot>
    </div>
    <div class="card-body">
      <slot username="jack" age="20">card-body</slot>
    </div>
    <div class="card-footer">
      <slot name="footer">card-footer</slot>
    </div>
  </div>

</template>

<script setup>
import { ref } from 'vue';
const title = ref('hello BsCard')
</script>

<style></style>